<script lang="ts">
  export let className: string = '';
  export let spinning: boolean = false;
</script>

<svg
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="currentColor"
  stroke="none"
  class={className + (spinning ? ' spinning' : '')}
>
  <path d="M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z"/>
</svg>

<style>
  .spinning {
    animation: rotate 10s linear infinite;
    transform-origin: 50% 50%;
  }
  @keyframes rotate {
    100% {
      transform: rotate(360deg);
    }
  }
</style> 